<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>陈申楠的个人简历</title>
    <link rel="stylesheet" href="./style.css">

</head>

<body>

    <div class="header">
        <ul>
            <li><a href="#C1">首页</a></li>
            <li><a href="#C3">个人信息</a></li>
            <li><a href="#C4">技能掌握</a></li>
            <li><a href="#C5">学习经历</a></li>
        </ul>

    </div>
    </div>
    <div class="content">
        <div class="content-First" id="C1">
            <p>Hey,你好</p>
            <br>
            <h2>我叫陈申楠</h2>
            <span>往下滑，了解我</span>
            <br>
            <span style="padding-left:650px ;">knowing me</span>

        </div>
        <div class="content-Second">
            <div>
                <h2>Welcome</h2>
                <br><br>
                <h2 style="margin-left: -150px;">———</h2>
            </div>
            <div class="content-Second-title">
                <span style="font:40px 华文行楷;">我的座右铭:</span>
                <br><br>
                <span style="font: 30px 微软雅黑;margin-left: -80px;">持之以恒，亦心亦意</span>
            </div>


        </div>
        <div class="content-Third" id="C3">
            <div class="content-Third-up">
                <h2 style="padding-top: 30px;color:rgb(0, 0, 0);font-family: 华文行楷;">个人信息</h2>
                <h2 style="color: rgb(124, 255, 72);margin-left: 10px;">——</h2>
            </div>
            <div>
                <img src="./picture/微信图片_20220305192540.png" alt="my picture"
                    style="width: auto; height: 500px;float: left;margin-left:250px ;margin-top: -50px;">
            </div>
            <div class="content-Third-article">
                <span style="margin-left:40px;">大二学生</span>
                <br>
                <span style="color: #ce1818;font-size: 50px;">————</span>
                <ul>

                    <li>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历：本科在读</li>
                    <li>籍&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;贯：福建泉州</li>
                    <li>面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;貌：预备党员</li>
                    <li>出生年月：2000年11月</li>
                    <li>就读院校：中原工学院</li>
                </ul>
            </div>
            <div class="content-Third-img">
                <ul>
                    <li><img src="./picture/AD0I1fiQDBAEGAAgifWR-AUooOPPuQEwIzgk.png" alt="qq"></li>
                    <li><img src="./picture/AD0I1fiQDBAEGAAgifWR-AUo3bPcITAZOCQ.png" alt="tel"></li>
                </ul>
            </div>
            <div class="content-Third-article2">
                <ul>
                    <li>446754733</li>
                    <li>19503888598</li>
                </ul>
            </div>


        </div>
        <div class="content-Four" id="C4">
            <div class="content-Four-up">
                <h2 style="padding-top: 30px; ">技能掌握</h2>
                <h2 style="color: orangered;margin-bottom: -20px;">——</h2>
                <br>
                <span style="color: #777777;font-family:微软雅黑;font-size: 20px;
                ;">技能UP，能力RISE</span>
            </div>
            <div class="content-Four-img">
                <ul>
                    <li><img src="./picture/c++.jpg" alt=""></li>
                    <li><img src="./picture/Java.jpg" alt=""></li>
                    <li><img src="./picture/HTML.jpg" alt=""></li>
                    <li><img src="./picture/CSSjpg.jpg" alt=""></li>
                </ul>
            </div>

            <div class="content-Four-percetage">
                <ul>
                    <li>熟练度30%</li>
                    <li>熟练度50%</li>
                    <li>熟练度50%</li>
                    <li>熟练度40%</li>
                </ul>
            </div>
        </div>

        <div class="content-Five" id="C5">

            <div class="content-Five-down">
            </div>
            <div class="content-Five-Article">
                <h2 style="padding-top: 30px;">学习经历
                </h2>
                <h2 style="color: orangered;">——</h2>
                <p style="color: #616060;font-family:微软雅黑;font-size: 14px;
                       ">遨游知识海洋，寻找学习乐趣</p>
                <div class="content-Five-Article-left">
                    <div class="content-Five-Article-left-title">
                        <span style="color: #000000;font-size: 30px;">大一学年</span>
                        <br>
                        <span style="color: #636363;font-size: 20px;">2020年9月-2021年7月</span>
                        <br>
                        <span style="color: #ff0000;font-size: 20px;">————————</span>
                    </div>
                    <div class="content-Five-Article-left-article">
                        <ol>
                            <li>1,担任班长</li>
                            <li>2,通过四级</li>
                            <li>3,参加英语竞赛</li>
                            <li>4,参加大学生数学<br>建模竞赛</li>
                            <li>5,获得五好学生称号</li>
                            <li>6,获得学业二等奖学金</li>
                        </ol>
                    </div>
                </div>
                <div class="content-Five-Article-right">
                    <div class="content-Five-Article-right-title">
                        <span style="color: #000000;font-size: 30px;">大二学年</span>
                        <br>
                        <span style="color: #636363;font-size: 20px;">2021年9月-2022年7月</span>
                        <br>
                        <span style="color: #ff0000;font-size: 20px;">————————</span>
                    </div>
                    <div class="content-Five-Article-right-article">
                        <ol>
                            <li>1,转专业到计算机学院</li>
                            <li>2,参加六级考试</li>
                            <li>3，无挂科课程</li>
                            <li>4，当志愿返校活动<br>的志愿者</li>
                            <li>5,学习强国打卡</li>
                            <li>6,备战蓝桥杯</li>
                        </ol>
                    </div>
                </div>
            </div>





        </div>
    </div>
    <div class="footer">
        <div class="footer-up">
            <h2>陈申楠的个人简历</h2>
            <ul>
                <li>QQ：446754733</li>
                <li>邮箱：446754733@qq.com</li>
                <li>联系地址：河南省郑州市中原工学院</li>
            </ul>
        </div>
        <div class="footer-down">
            <span>&copy;2022-个人简历 版权所有</span>
        </div>

    </div>

</body>

</html>